<template>
    <ul>
        <TabbarItem v-for="data in datalist" :key="data" :item="data"></TabbarItem>
    </ul>
</template>

<script>
import TabbarItem from './TabbarItem.vue';
export default {
    data(){
        return {
            datalist: ['首页','列表','我的']
        }
    },
    components:{
        TabbarItem
    }
}
</script>

<style scoped>
    ul{
        display: flex;
        position: fixed;
        bottom: 0;
        width: 100%;
        height: 50px;
        line-height: 50px;
        background-color: #999;
    }
    li{
        flex: 1;
        text-align: center;
    }
</style>

